<div id='joinus'>
   <div class='center'>  
      <form name="userForm" ng-submit="submitForm(userForm.$valid,user)" novalidate> 
      <div class="login-form">
        <div class="control-group">
          <input type="text" class="login-field" name='name' value="" placeholder="Enter your name or email" id="login-name"  ng-model="user.name" required ng-minlength="6" ng-maxlength="18" my-Account>
          <!--<input type="text" class="login-field" name='name' value="" placeholder="Enter your name" id="login-name"  ng-model="user.name" required ng-minlength="6" ng-maxlength="18" ng-pattern="/^[a-zA-z]{1,}[a-zA-Z0-9_]*$/" >-->
          <label class="login-field-icon fui-user" for="login-name"></label>
          <p ng-show="userForm.name.$invalid && !userForm.name.$pristine" class="help-block">Your name is required and Alphanumeric underline, Initials letter, length [6-18].</p>
        </div>
        <div class="control-group">
          <input type="password" class="login-field" name='password' value="" placeholder="Password" id="login-pass"  ng-model="user.password" required ng-minlength="6" ng-maxlength="18">
          <label class="login-field-icon fui-lock" for="login-pass"></label>
          <p ng-show="userForm.password.$invalid && !userForm.password.$pristine" class="help-block">Your password is required and length [6-18].</p>
        </div>

        <button class="btn btn-primary btn-large btn-block m-login" type="submit" ng-disabled="userForm.$invalid" >Joinus</button>
        <a class="login-link" href="#">sing in?</a>
      </div>
      </form>
   </div>
</div>


